<style type="text/css">
 #sorter {
		padding-left: 15px;
 }
 #sorter li {
		border: 1px solid #666;
		margin: 8px;
		padding: 4px;
 }
 div.spanner {
  float: left;
  margin: 4px;
	padding: 2px;
	border: 1px solid #000;
 }

</style>
<ol id="sorter">
  <li id="li0">(0) stuff</li>
  <li id="li1">(1) more stuff<br />
  really</li>

  <li id="li2">(2) still more stuff</li>
  <li id="li3">(3) loads o stuff</li>
  <li id="li4">(4) blah<br />
  blah<br />
  blah</li>
</ol>
<script type="text/javascript">
var vert = new Fx.Sort($$('#sorter li'), {transition: Fx.Transitions.Back.easeInOut, duration: 1000});
var horz = new Fx.Sort($$('.spanner'), {mode: "horizontal", transition: Fx.Transitions.Back.easeInOut, duration: 1000});
</script>
<div class="spanner">one</div>
<div class="spanner">two</div>
<div class="spanner">three</div>
<div class="spanner">four</div>
<div class="spanner">five</div>
